<template>
	<view class="">
		<u-navbar title="评价详情" placeholder autoBack></u-navbar>
		<view class="p-2 bg-white">
			<view class="flex align-center">
				<u-avatar src="/static/user/Mask group.png" size="27" shape="circle"></u-avatar>
				<view class="ml-2">
					<view class="font-24 font-weight-bold">本真生态圈用户001</view>
					<view class="font-small text-light9">2023-04-24</view>
				</view>
			</view>
			<view class="font-small text-light9 mt-1">已购180ML 橙色奶瓶 ；1件</view>
			<view class="mt-1">
				<u-text text="丑萌丑萌的小杯子，看起来很可爱，外面一层软软的防护，不怕烫手，也不怕不小心摔到，吸管柔软，小孩子使用不会扎嘴" ines="3" bold></u-text>
			</view>
			<view class="mt-2">
				<u-grid :col="3":border="false">
					<u-grid-item  v-for="(item,index) in list" :key="index" @click="showImage(index)">
						<image :src="item"  style="width: 202rpx;height: 202rpx;"></image>	
						<view class="" style="height: 20rpx;"></view>
					</u-grid-item>
				</u-grid>
			</view>
			

		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				list: ['/static/home/2.png',
				 '/static/home/2.png', 
				 '/static/home/2.png',
				 '/static/home/2.png']
			}
		},
		onLoad() {
			this.getData()
		},
		methods: {
			getData(){
				
			},
			showImage(index){
				uni.previewImage({
					urls:this.list,
					current:index
				})
			}

		}
	}
</script>

<style>
</style>